<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Add a restaurant</title>
<link href="/VancouverTongue/static/style.css" type="text/css"
	rel="stylesheet" />
<link rel="shortcut icon" href="/VancouverTongue/static/icon.png">
<style type="text/css">
#gallery img {
	width: 200px;
	height: 300px;
}

#gallery td {
	text-align: center;
	vertical-align: middle;
}

#recomand input {
	border: none;
	background-color: white;
}
div.add{
	background-color: #F5F5F5;
	padding-left: 3mm;
	box-shadow: 10px 10px 5px #888;
	width: 5..00px;
	height: 600px;
}
</style>
</head>
<body>

	<jsp:include page="headTemplate.jsp" />
	
	<div class="add">
	<form  method="get" action="/VancouverTongue/addRestaurant/temp">
		<dl>
			<dt>
				${restaurantName} <label>Restaurant Name: *</label>
			</dt>
			<dd>
				<input type="text" name="restaurantName" value="${RestaurantName}" />
			</dd>
			<dt>
				${streetName} <label>Street: *</label>
			</dt>
			<dd>
				<input type="text" name="streetName" value="${StreetName}" />
			</dd>
			<dt>
				${city} <label>City: *</label>
			</dt>
			<dd>
				<input type="text" name="city" value="${City}" />
			</dd>
			<dt>
				${phone} <label>Phone Number: *</label>
			</dt>
			<dd>
				<input type="text" name="phone" value="${Phone}" />
			</dd>

			<dt>
				<label>Category: </label>
			</dt>
			<dd>
				<select name="categoryCode">
					<c:forEach var="cat" items="${catList}">
						<option value="${cat.categoryCode}">${cat.name}</option>
					</c:forEach>
				</select>
			</dd>

			<dt>
				${businessHour} <label>Opening Hours: *</label>

			</dt>
			<dd>
				<input type="text" name="businessHour" value="${BusinessHour}" />
			</dd>

			<dt>
				${image} <label>Image: </label>
			</dt>
			<dd>
				<input type="text" name="image" value="${Image}" />
			</dd>
			<dt>
				${website} <label>Website: </label>
			</dt>
			<dd>
				<input type="text" name="website" value="${Website}" />
			</dd>

			<dt>
				${description} <label>Description: *</label>
			</dt>
			<dd>
				<textarea name="description" rows="10" cols="40" maxlength="200"
					value="${Description}"></textarea>
			</dd>

		</dl>
		<input type="submit" value="Create" />
	</form>
	</div>
</body>
</html>